<template>
  <div class="home">
    <h1>Home</h1>
    <!-- <span class="iconfont icon-aichong02"></span>
    <span class="iconfont icon-aichong01"></span> -->

    <svg class="icon" aria-hidden="true">
      <use xlink:href="#icon-aichong02"></use>
    </svg>

    <svg class="icon" aria-hidden="true">
      <use xlink:href="#icon-aichong01"></use>
    </svg>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";
import { getBannerData, getUserData } from "@/api/data";

export default {
  name: "Home",
  components: {
    HelloWorld,
  },
  async mounted() {
    let banner = await getBannerData();
    let user = await getUserData();
  },
};
</script>

<style lang="scss" scoped>
h1 {
  width: 3.75rem;
  height: 1rem;
}

.iconfont {
  font-size: 2rem;
}

.icon{
  width:2.5rem;
  height:2.5rem;
}
</style>
